<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js" ></script>
    <title>Title</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        html,body{
            background-color: #efedd6;
            width: 100%;
            height: 100%;
        }
        .mainDiv{
            width: 100%;
            height: 100%;
            background-color: white;
            /*position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);*/

        }

        .topDiv{
            width: 100%;
            height: 10%;
            background-color: #efedd6;
            position: sticky;
            top: 0;
        }
        .bodyDiv{
            width: 100%;
            height: 90%;
        }
        #showTable{
            width: 90%;
            height: 100%;
            border: 2px;
            cellapacing:6px;
            margin: 5% 5% 5% 5%;
        }
    </style>
</head>

<body>

     <div class="mainDiv">
         <div class="topDiv">
             <input type="text" id="input">
             <button onclick="na()">bushi</button>
         </div>
         <div class="bodyDiv">
             <table id="showTable">
                 <tr>
                     <td>1</td>
                     <td>2</td>
                     <td>3</td>
                 </tr>
                 <tbody id="test">

                 </tbody>

             </table>

         </div>

     </div>
</body>
<script>
    function callback(txt){
        alert(txt);
    }
</script>
<script>
    function na(){
            var temp='';
            $.ajax({
                type: "post",
                url: "http://hrgaux.natappfree.cc/login",
                dataType: "json",
                async:false,
                contentType: "application/json;charset=UTF-8",

                jsonp: 'callback',
                /*data:{

                         "n":"chen"

                },*/
                data:JSON.stringify({userid: "1905050117"}),

                success: function (data) {
                    alert("data");
                    /* var reslutData = data.data;
                     var stl="";
                  /* for(var i=0;i<reslutData.length;i++){
                         stl+="<tr><td>"+reslutData[i].reason+"</td></tr>";}


                    $("#test").empty();
                    $("#test").append(stl);
                    stl="";*/
                    //var newData = JSON.stringify(reslutData);


                        },
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    alert(XMLHttpRequest.status);
                    alert(XMLHttpRequest.readyState);
                    alert(textStatus);
                },
            });
    }
</script>
</html>